<script setup lang='ts'>
defineProps({
  text: String
})

</script>

<template>
  <view class="header-bar__container plr-20">
    <uv-image src="/static/logo.svg" class="mr-12" width="80rpx" height="80rpx"></uv-image>
    <text class="header-bar-text">{{ text }}</text>
  </view>
</template>

<style scoped lang='scss'>
.header-bar {
  &__container {
    height: 200rpx;
    width: 100vw;
    display: flex;
    align-items: center;
  }

  &-text {
    font-size: 1.8rem;
  }
}
</style>